<!-- 分类页面 -->
<template>
  <div>
    <van-tree-select
      :items="items"
      :main-active-index="mainActiveIndex"
      :active-id="activeId"
      selected-icon="success"
      @clickNav="onClickNav"
      @clickItem="onClickItem1"
    />
  </div>
</template>

<script>
export default {
  //需要引入的组件
  components: {},
  props: {},
  //存放数据
  data() {
    return {
      mainActiveIndex: 0,
      activeId: 1,
      items: [
        {
          // 导航名称
          text: "CPU",
          // 导航名称右上角徽标，1.5.0 版本开始支持
          //   badge: 3,
          // 是否在导航名称右上角显示小红点，1.5.0 版本开始支持
          dot: false,
          // 禁用选项
          disabled: false,
          // 该导航下所有的可选项
          children: [
            {
              // 名称
              text: "英特尔",
              // id，作为匹配选中状态的标识
              id: 1,
              // 禁用选项
              disabled: false,
            },
            {
              text: "AMD",
              id: 2,
            },
          ],
        },
        {
          // 导航名称
          text: "CPU",
          // 导航名称右上角徽标，1.5.0 版本开始支持
          //   badge: 3,
          // 是否在导航名称右上角显示小红点，1.5.0 版本开始支持
          dot: false,
          // 禁用选项
          disabled: false,
          // 该导航下所有的可选项
          children: [
            {
              // 名称
              text: "INTEL",
              // id，作为匹配选中状态的标识
              id: 1,
              // 禁用选项
              disabled: false,
            },
            {
              text: "AMD",
              id: 2,
            },
          ],
        },
      ],
    };
  },
  //计算属性
  computed: {},

  mounted: {},

  methods: {
    onClickItem1(data) {
      console.log(data);
      this.activeId = data.target.id;
      //   this.setData(activeId);
    },
    test() {
      console.log(111);
    },
  },
};
</script>
